<script setup>
import { defineComponent, h } from 'vue'

const GitHubIcon = defineComponent({
    setup() {
        return () => h('svg', {
            viewBox: '0 0 24 24',
            fill: 'currentColor',
            class: 'h-6 w-6'
        }, [
            h('path', {
                d: 'M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'
            })
        ])
    }
})

const WeiboIcon = defineComponent({
    setup() {
        return () => h('svg', {
            viewBox: '0 0 24 24',
            fill: 'currentColor',
            class: 'h-6 w-6'
        }, [
            h('path', {
                d: 'M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02-.259-2.609 2.759-5.047 6.74-5.441 3.979-.394 7.413 1.404 7.671 4.018.259 2.6-2.759 5.049-6.737 5.439l-.002.004zM10.48 13.35c-.783-.237-1.76.067-2.235.725-.483.662-.241 1.412.537 1.651.791.245 1.819-.06 2.307-.727.479-.661.225-1.41-.609-1.649zm1.874.096c-.287-.082-.641.02-.811.237-.162.223-.066.482.219.569.288.087.649-.019.811-.241.162-.228.061-.486-.219-.565zm-1.075 6.22c-2.048.201-3.809-.993-3.946-2.671-.136-1.675 1.427-3.206 3.482-3.409 2.047-.202 3.809.994 3.943 2.67.136 1.675-1.43 3.206-3.479 3.41zM20.992 6.962c-.424-.869-1.67-1.254-3.217-.869l.004-.031c-.916.236-1.5.372-1.087-.308.651-1.067.706-1.984.006-2.647-.872-.825-3.185-.077-5.179 1.893-1.168 1.153-1.796 2.367-1.796 2.367-2.652 3.494-7.724 8.253-7.724 8.253 2.297 2.176 4.837 3.319 7.633 3.319 5.874 0 10.875-4.098 11.993-9.642.234-1.154.12-2.01-.637-2.335h.004zM23.5 6.219c-.36-1.12-1.135-2.171-2.172-3.075-2.061-1.797-4.986-2.564-7.777-2.215l-.005-.041c-1.106.137-1.805 1.122-1.577 2.199.23 1.076 1.324 1.837 2.43 1.697.004.029.004.059.004.089 2.842-.447 5.534.754 6.637 2.916l-.004.031c.349 1.081 1.523 1.68 2.623 1.356 1.1-.333 1.697-1.472 1.348-2.555-.164-.511-.407-.99-.725-1.417l.218.015z'
            })
        ])
    }
})

const ZhihuIcon = defineComponent({
    setup() {
        return () => h('svg', {
            viewBox: '0 0 24 24',
            fill: 'currentColor',
            class: 'h-6 w-6'
        }, [
            h('path', {
                d: 'M5.721 0C2.251 0 0 2.25 0 5.719V18.28C0 21.751 2.252 24 5.721 24h12.56C21.751 24 24 21.75 24 18.281V5.72C24 2.249 21.75 0 18.281 0zm1.964 4.078c-.271.73-.5 1.434-.68 2.11h4.587l-.645-2.11zm10.889 0h-4.937l.644 2.11h3.213c-.228-.623-.495-1.312-.8-2.11zm-9.57 2.806l-.01.01H4.852c-.146.402-.262.807-.35 1.214h8.48c.173-.402.332-.808.477-1.214h-4.455zm7.665 0c-.17.402-.342.808-.528 1.214h3.877c-.077-.407-.174-.812-.291-1.214zM7.516 8.816c-.035.162-.057.326-.057.492 0 .762.361 1.44.919 1.875.559.434 1.257.693 2.016.693s1.456-.26 2.016-.693c.558-.435.918-1.113.918-1.875 0-.166-.022-.33-.057-.492H7.516zm6.426 0c.451 2.162 2.367 3.78 4.602 3.78.404 0 .797-.053 1.17-.153v-3.627H13.94zm-8.82 4.603h4.75v9.812h2.625v-9.812h4.75v-1.948H5.121v1.948z'
            })
        ])
    }
})

// 使用 defineExpose 导出组件
defineExpose({
    GitHubIcon,
    WeiboIcon,
    ZhihuIcon
})
</script> 